<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>3小时保洁</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/base.css" rel="stylesheet" />
		<link href="css/common.css" rel="stylesheet" />
		<link href="css/app.css" rel="stylesheet" />
	</head>

	<body>
		<div id="vApp" class="bodyWrap detail">
			<div class="pr detail_header">
				<img class="w_100" src="img/detail.jpg" alt="" />
				<div class="nav pa w_100 t10">
					<img class="l10" v-on:click="back()" src="images/right.png" alt="" />
					<img style="right: 62px;" src="images/search3.png" alt="" />
					<a href="index.html"><img class="r10" src="images/home2.png" alt="" /></a>
				</div>
				<div class="pa b0 w_100 info fb pl10 pr10">
					<span class="title noBr fl oh">{{shopTitle}}</span>
					<!--<span class="fr fn f12">已售15226</span>-->
				</div>
			</div>
			<div class="mui-row detail_num mb10">
				<div class="mui-col-xs-6 c_red f12 pr t5">
					<strong class="f20">{{newPrice}}</strong>元/小时<span class="txtdel c_gray ml5">原价{{oldPrice}}元</span>
				</div>
				<!--<div class="mui-col-xs-6 tr pr t3">
					<img v-on:click="opraNum('-')" src="images/subtract.png" alt="" />
					<span class="num c_black pr b5">{{num}}</span>
					<img v-on:click="opraNum('+')" src="images/add.png" />
				</div>-->
			</div>
			<!--<div class="mui-row mb10 back_fff lh20 pt5 pb5 pl10 pr10">
				<div class="mui-col-xs-6 fb f14">服务项目</div>
				<div class="mui-col-xs-6 tr f12">
					<a href="#" class="c_gray">
						家庭保洁<span class="mui-icon mui-icon-arrowright pr t2"></span>
					</a>
				</div>
			</div>-->
			<!--<div class="mui-row back_fff lh20 pt5 pb5 pl10 pr10 bboder">
				<div class="mui-col-xs-6 fb f14">服务描述</div>
				<div class="mui-col-xs-6 tr f12">
					<a href="#" class="c_gray">
						最近可约<span class="c_red ml10">明天10点</span>
					</a>
				</div>
			</div>
			<div class="pl10 pr10 back_fff pt5">
				<p>服务内容：<br>1.家庭保洁服务，2小时起订，服务商携带清洁装备，包含清洁毛巾、清洁剂、百洁布、钢丝球、专业铲刀、毛刷。<br>2.超时请补差价，按小时工的售卖价格收取，超过不足半小时按半小时算，不足一小时按一小时算，请在订单详情中点击补差价操作。<br><br>服务保障：<br>1.根据满意度提交评价。<br>2.清洁内容丰富，专注卫生死角。<br>3.价格透明不现场加价。<br>4.服务标准化，品质可预见。<br>5.发现怠工，随即终止服务，联系我们为您处理，直到满意为止。<br>6.出现服务质量问题，免费返工。<br>7.19年品牌，自营技师，我们不外包。<br><br>服务范围：<br>（超出服务范围的服务要求可与现场工人沟通）<br>客餐厅：电视柜、茶几、门、桌面、垃圾桶、地面、其他<br>卧室和衣帽间：阳台扶手栏、开关、窗槽、窗台、其他<br>书房和储物间：窗台、桌面、书柜、垃圾桶、地面、其他<br>厨房：抽油烟机表面、橱柜、洗菜池、台面、垃圾桶、地面、其他<br>卫生间：洗漱台、沐浴房、马桶、垃圾桶、地面、其他<br>阳台和露天：阳台扶手栏、开关、窗槽、窗台、其他及其他做到无杂物，无污渍。</p>
			</div>-->
			<!--<div class="pl10 pr10 back_fff pt5 mb10 f14">
				此服务由<span class="c_red">来人到家</span>提供
				<span class="fr f12">
					<a class="c_gray" href="#">接单率99% 好评率85%<span class="mui-icon mui-icon-arrowright f14"></span></a>
				</span>
			</div>-->
			<!--<div class="mui-row back_fff lh20 pt5 pb5 pl10 pr10 bboder">
				<div class="mui-col-xs-6 fb f14">订购须知</div>
				<div class="mui-col-xs-6 tr f12">
					<a href="#" class="c_gray">取消、退款、赔付规则</a>
				</div>
			</div>
			<div class="pl10 pr10 back_fff pt5">
				<p>1.商家将在您下单后30分钟内确认接单；<br>2.订单确认后，修改订单或退款需提前2小时通知；<br>3.预约时间前2小时内退单将按30元/人扣取误工费；<br>4.如商家接单后爽约将全额退款并向您额外赔付30元；<br>5.为保障您的权益，所有费用请通过到位平台支付。</p>
			</div>-->
			<div class="mui-row back_fff lh20 pt5 pb5 pl10 pr10 bboder">
				<div class="mui-col-xs-6 fb f14">图文详情</div>
			</div>
			<div class="pl10 pr10 back_fff pt5 detail_img mb60">
				<img src="img/shop_info_foot.jpg" alt="" />
			</div>
			<!--footer-->
			<div class="footer tc f12 pf w_100 b0">
				<div class="mui-row">
					<div class="mui-col-xs-3">
						<a href="index.html">
							<span><img src="images/icon2.png" alt="" /></span>
							<span>首页</span>
						</a>
					</div>
					<div class="mui-col-xs-3">
						<a v-bind:href="tel">
							<span><img src="images/tel2.png" alt="" /></span>
							<span>联系商家</span>
						</a>
					</div>
					<div class="mui-col-xs-6 tr">
						<a href="#">
							<span v-on:click="buyNow" class="redBtnBig pr">立即购买</span>
						</a>
					</div>
				</div>
			</div>
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/vue.js"></script>
		<script src="js/app.js"></script>
		<script type="text/javascript">
			var v=new Vue({
			el:"#vApp",
				data:{
					num:0,
					shopTitle:"3小时保洁",
					alreadyNum:1756,
					oldPrice:150,
					newPrice:99,
					go:"#",
					tel:"tel:400-967-3811",
				},
				methods:{
					//加入购物车
					opraNum:function(op){
						if(op=="+"){
							this.num++;
						}else{
							if(--this.num<=0)this.num=0;
						}
					},
					back:function(){
						history.go(-1);
					},
					buyNow:function(){
						window.location.href=this.go;
					}
				}
			})
		</script>
	</body>

</html>